// ---------- 轮播图 ----------
let index = 0
let flag = true
//向右箭头
$('.banner .rightBtn').click(function(){
    if(!flag) return false
    flag = false
    setTimeout(() => {
        //序号自增
        index++
        if(index === $('.banner a').length) index = 0
        $('.banner a').eq(index).addClass('show').siblings().removeClass('show').parent().parent().children().last().children().eq(index).addClass('show').siblings().removeClass('show')
    }, 100);
    flag = true
})
//向左箭头
$('.banner .leftBtn').click(function(){
    if(!flag) return false
    flag = false
    setTimeout(() => {
        //序号自减
        index--
        if(index < 0) index = 1
        $('.banner a').eq(index).addClass('show').siblings().removeClass('show').parent().parent().children().last().children().eq(index).addClass('show').siblings().removeClass('show')
    }, 100);
    flag = true
})
//圆点hover事件
$('.banner ul li').mouseover(function(){
    if(!flag) return false
    flag = false
    setTimeout(() => {
        index = $(this).index()
        $(this).addClass('show').siblings().removeClass('show')
        $('.banner a').eq(index).addClass('show').siblings().removeClass('show')
    }, 100);
    flag = true
})
// 自动轮播
var timerId = setInterval(function(){
    // 触发右箭头点击事件
    // 触发事件 - $(元素).trigger(事件类型)
    $('.rightBtn').trigger('click')
},5000)
// 移入移出
$('.banner').hover(function(){
    clearInterval(timerId)
},function(){
    timerId = setInterval(function(){
        // 触发右箭头点击事件
        // 触发事件 - $(元素).trigger(事件类型)
        $('.rightBtn').trigger('click')
    },5000)
})

// ---------- 右悬浮效果 ----------
var rightMenu = document.querySelector(".flR");
//获取距离页面顶端的距离
var menuTop = rightMenu.offsetTop;
//滚动事件
document.onscroll = function(){
    //获取当前滚动的距离
    var scrollTop = document.body.scrollTop||document.documentElement.scrollTop;
    //如果滚动距离大于菜单据顶部的距离
    if(scrollTop > 340){
        //为导航条设置fixed
        rightMenu.className = "flR fixed";
    }else{
        //移除fixed
        rightMenu.className = "flR";
    }
}
